<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS语法</title>
<style type="text/css">
/*************通配符***************/
*{padding:0; margin:0;}
/*div{属性：“属性值”}*/
div{width:1000px; height:100px; background:red;}
div{width:1000px; height:200px; background:blue;}
.box{background:orange;}
#bbox{ background:green;}
a{text-decoration:none; font-size:100px;}

/*直接通过标签的名字去选择的叫做标签选择符*/
/*同样的选择器后写的会覆盖先写的*/
/*class在使用的时候前面加一个点跟着标签class属性的值*/
/* id在使用的时候 前面使用  # 加上标签class属性的值 但是ID得命名要注意不能以数字开头 */
/*class优先级大于标记*/
/*id优先级大于 class*/
/***************伪类选择器***********************/
a:link{color:yellow;}
/*未访问之前*/
a:visited{color:green;}
/*访问过的*/
a:hover{color:purple;}
/*鼠标悬浮的时候*/
a:active{color:red;}
/*鼠标正在点击的时候*/
/*************群组选择器**********************************/
.box,.box1,.box2,.box3{width:100px; height:100px; background:red;}
/*************包含选择器************************************/
.box a{font-size:36px;}
/*选择符1和选择符2空格隔开，选择符1中所有的选择符2都会被选中*/
</style>
</head>


<body>
<div></div>
<br />
<div></div>
<div class="box"><a href="#">好的</a></div>
<br/>
<div class="bo1"></div>
<br/>
<div class="box2"></div>
<br/>
<div class="box3"></div>
<br/>
<div id="bbox"s></div>
<a href="#">好的</a>
</body>
</html>
